﻿@model GPS.ENTITYS.CrudModelDKH_LOP
@using PagedList.Mvc;
@using GPS.Helpers;
@{
    ViewBag.Title = "Thêm mới học viên vào lớp";
}

<script src="~/Scripts/jquery-ui-1.11.4.js"></script>
@*<script src="~/Scripts/jquery-1.10.2.min.js"></script>*@
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/jquery.number.js"></script>
<script>
    $("#txtSearchKey").keyup(function () {

        //alert("1");

        var selectedId = $(this).val();
        if (selectedId != null && selectedId != '' && selectedId.length >= 3)
        {

            var target = $("#patientList");
            target.empty();
            var htmlHeader = '<tr>' +
                                '<th><input type="checkbox" id="chkAll" /></th>' +
                                '<th>STT</th>' +
                                '<th> Mã học viên</th>' +
                                '<th>Họ đệm</th>' +
                                '<th>Tên</th>' +
                                '<th>Đơn vị GTVT</th>' +
                                '<th> Hạng đào tạo</th>' +
                                '<th>Giới tính</th>' +
                                '<th>Ngày sinh</th>' +
                                '<th>Nơi thường trú</th>' +

                                '</tr>'
            $(htmlHeader).appendTo($("#patientList"));

            var txtKH_LOP_MA = $("#txtKH_LOP_MA").val();
            var txtKH_LOP_KH_MA = $("#txtKH_LOP_KH_MA").val();
            var txtKH_LOP_DVGTVT_MA = $("#txtKH_LOP_DVGTVT_MA").val();
            var txtKH_LOP_HANGDT_MA = $("#txtKH_LOP_HANGDT_MA").val();


            $.ajax({
                url: '@Url.Action("getHocVien", "GPS_LopHoc")',
                data: { 'keysearch': selectedId, 'txtKH_LOP_MA': txtKH_LOP_MA, 'txtKH_LOP_KH_MA': txtKH_LOP_KH_MA, 'txtKH_LOP_DVGTVT_MA': txtKH_LOP_DVGTVT_MA, 'txtKH_LOP_HANGDT_MA': txtKH_LOP_HANGDT_MA },
                type: "post",
                cache: false,
                success: function (data) {
                    target.empty();
                    $(htmlHeader).appendTo($("#patientList"));
                    //alert(emp.employee.length);
                    for (var i = 0; i < data.hocviens.length; i++) {
                        var html =
                            '<tr>' +
                                '<td><input type="checkbox" name="chk_' + (i + 1) + '" value="' + data.hocviens[i].HV_KH_LOP_MA + '#' + data.hocviens[i].HV_DVGTVT_MA + '#' + data.hocviens[i].HV_KH_MA + '#' + data.hocviens[i].HV_MA + '"  /></td>' +
                                '<td>' + (i + 1) + '</td>' +
                                '<td>' + data.hocviens[i].HV_MA + '</td>' +
                                '<td>' + data.hocviens[i].HV_HODEM + '</td>' +
                                '<td>' + data.hocviens[i].HV_TEN + '</td>' +
                                '<td>' + data.hocviens[i].HV_DVGTVT_MA + '</td>' +
                                '<td>' + data.hocviens[i].HV_HANGDT_MA + '</td>' +
                                '<td>' + data.hocviens[i].HV_GIOITINH + '</td>' +
                                '<td>' + data.hocviens[i].HV_NGAYSINH + '</td>' +
                                '<td>' + data.hocviens[i].HV_NOITT + '</td>' +
                            '</tr >'
                        $(html).appendTo($("#patientList"));
                    }

                },
                error: function (data) {
                    alert('error');
                }
            });
        }
       


    });

    //$("#Table1").on("click", ".BtnMinus", addRow);
    //function addRow() {
    //    var html =
    //        '<tr >' +
    //            '<td>Giang</td>' +
    //            '<td><label class="BtnMinus" style="cursor:pointer">Thêm</label></td>' +
    //        '</tr>'
    //    $(html).appendTo($("#Table1"));

    //};




</script>


<div class="modal-header fdb-panel-header-10">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h5 class="modal-title" id="myModalLabel">Thông tin học viên chưa xếp lớp</h5>
</div>
<div class="modal-body fdb-panel-body-0">
    <div id="tabs">
        @*<ul>
            <li><a href="#tabs-1">Thông tin lớp học</a></li>

        </ul>*@
        @using (Html.BeginForm("CreateStudent", "GPS_LopHoc", FormMethod.Post, new { enctype = "multipart/form-data", id = "form" }))
        {
            @Html.ValidationSummary(true)

            <div id="tabs-1">

                <div class="row margin-top-05" style="padding-left:30px">
                    <div class="col-md-3 control-label">
                        Mã lớp học
                    </div>
                    <div class="col-md-5">
                        <b>
                            @Html.TextBoxFor(model => model.KH_LOP_MA, new { @class = "form-control", @readonly = "readonly" ,@id="txtKH_LOP_MA" })
                        </b>
                    </div>


                </div>
                <div class="row margin-top-05" style="padding-left: 30px">
                    <div class="col-md-3 control-label">
                        Mã khóa học
                    </div>
                    <div class="col-md-5">
                        <b>
                            @Html.TextBoxFor(model => model.KH_LOP_KH_MA, new { @class = "form-control", @readonly = "readonly", @id = "txtKH_LOP_KH_MA" })
                        </b>
                    </div>
                </div>
                <div class="row margin-top-05" style="padding-left: 30px">
                    <div class="col-md-3 control-label">
                        Đơn vị GTVT
                    </div>
                    <div class="col-md-5">
                        <b>
                            @Html.TextBoxFor(model => model.KH_LOP_DVGTVT_MA, new { @class = "form-control", @readonly = "readonly", @id = "txtKH_LOP_DVGTVT_MA" })
                        </b>
                    </div>


                </div>

                <div class="row margin-top-05" style="padding-left: 30px">
                    <div class="col-md-3 control-label">
                        Hạng đào tạo
                    </div>
                    <div class="col-md-5">
                        <b>
                            @Html.TextBoxFor(model => model.KH_LOP_HANGDT_MA, new { @class = "form-control", @readonly = "readonly", @id = "txtKH_LOP_HANGDT_MA" })
                        </b>
                    </div>


                </div>

                <div class="row margin-top-05" style="padding-left: 30px">
                    <div class="col-md-3 control-label">
                       Tìm kiếm học viên
                    </div>
                    <div class="col-md-5">
                        <b>
                           <input type="text" placeholder="Họ và tên học viên" class="form-control" id="txtSearchKey" />
                        </b>
                    </div>


                </div>

                <div class="row margin-top-15" style="padding-left: 30px">
                    <div class="col-md-12">
                        <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Bạn chắc chắn muốn thêm học viên vào lớp này không?');">
                            <span class="glyphicon glyphicon-floppy-disk"></span> Thêm học viên vào lớp
                        </button>
                        &nbsp;&nbsp;
                        <button class="btn btn-primary btn-sm" type="button" data-dismiss="modal">Hủy bỏ</button>
                    </div>

                </div>
                <div class="row margin-top-05">

                </div>

                <br />
                <h3 class="text-center fdb-title-search-form">Danh sách học viên chưa xếp lớp đăng ký đào tạo hạng:&nbsp;&nbsp;&nbsp;<b style="color:blue; font-size:20px">@Model.KH_LOP_HANGDT_MA</b></h3>
                <h4 style="text-align:center;"></h4>
                <br />
                <div class="row margin-top-05">
                    <div class="col-md-12" id="content">
                        <table class="table table-hover table-bordered table-condensed" id="patientList">
                            <tr>
                                <th>
                                    <input type="checkbox" id="chkAll" />
                                </th>
                                <th>STT</th>
                                <th>
                                    Mã học viên
                                </th>
                                <th>
                                    Họ đệm

                                </th>
                                <th>
                                    Tên
                                </th>
                                <th>
                                    Đơn vị GTVT
                                </th>
                                <th>
                                    Hạng đào tạo
                                </th>
                                <th>
                                    Giới tính
                                </th>
                                <th>
                                    Ngày sinh
                                </th>
                                <th>
                                    Nơi thường trú
                                </th>
                            </tr>

                            @{
            if (Model.Search_HV_Results != null)
            {
                int i = 0;
                var _char = "#";
                foreach (var item in Model.Search_HV_Results)
                {
                    i++;
                    <tr>
                        <td>
                            <input type="checkbox" name="chk_@i" value="@Model.KH_LOP_MA@_char@item.HV_DVGTVT_MA@_char@item.HV_KH_MA@_char@item.HV_MA" />
                        </td>
                        <td>
                            @i.ToString()
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.HV_MA)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.HV_HODEM)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.HV_TEN)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.HV_DVGTVT_MA)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.HV_HANGDT_MA)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.HV_GIOITINH)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.HV_NGAYSINH)
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.HV_NOITT)
                        </td>

                    </tr>
                }
            }
                            }

                        </table>
                        @*<div class="pagination-sm">
                            @Html.PagedListPager(Model.Search_HV_Results, page => Url.Action("CreateStudent", new
                                {

                                    id1 = Model.KH_LOP_MA,
                                    id2 = Model.KH_LOP_DVGTVT_MA,
                                    id3 = Model.KH_LOP_KH_MA,
                                    page
                                }))


                        </div>*@
                    </div>
                    <div id="loader" class=" aletr" style="display:none">
                        Loading...<img src="~/Images/ajax-loader.gif" />
                    </div>
                </div>


            </div>
        }


    </div>

</div>

@*@section scripts
    {
        <script language="javascript" type="text/javascript">
            $(document).ready(function () {
                $(document).on("click", "#contentPager a", function () {

                    alert($(this).attr("href"));
                    $.ajax({
                        url: $(this).attr("href"),
                        type: 'GET',
                        cache: false,
                        success: function (result) {
                            $('#content').html(result);
                        }
                    });
                    return false;
                });
            });
        </script>
    }*@

